import { Charts } from '@jiaminghi/data-view-react';
import chartStyle from './chartStyle.module.css';
function LeftBottomChart() {
    const option = {
        title: {
            text: '周销售额趋势',
            style: {
                fill: '#fff'
            }
        },
        legend: {
            data: ['系列A', '系列B', '系列C'],
            textStyle: {
                fontFamily: 'Arial',
                fontSize: 10,
                fill: '#fff'
            }
        },
        xAxis: {
            name: '第一周',
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
            axisLabel:{
                style:{
                    fill:'#fff',
                    fontSize:10,
                }
            }
        },
        yAxis: {
            name: '销售额',
            data: 'value',
            axisLabel:{
                style:{
                    fill:'#fff',
                    fontSize:10,
                }
            },
            nameTextStyle: {
                fill: '#fff',
                fontSize: 10
            }
        },
        series: [
            {
                name: '系列A',
                data: [1200, 2230, 1900, 2100, 3500, 4200, 3985],
                type: 'line',
                stack: 'a',
                fill: {
                    show: true
                }
            },
            {
                name: '系列B',
                data: [1200, 2230, 1900, 2100, 3500, 4200, 3985],
                type: 'line',
                stack: 'a',
                smooth: true
            },
            {
                name: '系列C',
                data: [1200, 2230, 1900, 2100, 3500, 4200, 3985],
                type: 'line',
                stack: 'a',
                lineStyle: {
                    lineDash: [5, 5]
                }
            }
        ]
    }

    return (
        <div className={chartStyle.chart_con}>
            <Charts option={option} style={{height:'98%'}}/>
        </div>
    )
}
export default LeftBottomChart;